<template>
    <view class="flex-col homepage" v-model="adds">
        <view class="u-line-1 text">-{{adds.paymentAmount}}.00</view>
        <view class="u-line-1 text-two">国家电力公司</view>
		<view class="ccc">
			
		</view>
        <view class="flex-row wrapper">
            <view class="u-line-1 text-three">支付状态</view>
            <view class="u-line-1 text-four">支付成功</view>
        </view>
        <view class="flex-row wrapper-two">
            <view class="flex-row wraper-col">
                <view class="u-line-1 text-five">支付方式</view>
            </view>
            <view class="u-line-1 text-seven">{{adds.methodOfPayment}}</view>
        </view>
        <view class="flex-row wrapper-three">
            <view class="u-line-1 text-eight">支付时间</view>
            <view class="u-line-1 text-nine">2020-{{adds.createTime}}</view>
        </view>
        <view class="flex-row wrapper-four">
            <view class="u-line-1 text-ten">支付单号</view>
            <view class="u-line-1 text-eleven">{{adds.prepaidNumber}}</view>
        </view>
    </view>
</template>
<script>
    export default {
        data() {
            return {
				adds:{}
			}
        },
		onLoad(params) {
			this.adds = JSON.parse(params.j)
		},
        methods: {

        }
    }
</script>
<style lang="scss" scoped>
    /** 全局样式-开始,建议放在公共css样式文件中,比如common.css 或app.vue文件 */

    html,
    body {
        margin: 0;
        width: 100%;
        height: 100%;
        font-size: 16px
    }

    view,
    text,
    image {
        position: relative;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .flex-col {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .flex-row {
        display: flex;
        align-items: flex-start;
    }

    .flex-col .flex-row {
        width: 100%
    }

    /** 全局样式-结束*/
	.ccc{
		width: 95%;
		height: 3rpx;
		background-color: #c8c9cc;
	}
    .homepage {
        padding: 99rpx 0rpx 1000rpx 36rpx;
		background-color: #dbf1e1;

        .text {
            width: 204rpx;
            margin: 0rpx 0rpx 34rpx 268rpx;
            font-size: 42rpx;
            font-weight: 500;
            color: rgba(255, 112, 112, 1);
        }

        .text-two {
            width: 194rpx;
            margin: 0rpx 0rpx 40rpx 250rpx;
            font-size: 30rpx;
            font-weight: 600;
            color: rgba(102, 102, 102, 1);
        }

        .wrapper {
            width: 331rpx;
			margin-top: 40rpx;
            justify-content: space-between;
            margin-bottom: 20rpx;
            padding-right: 1rpx;

            .text-three {
                width: 130rpx;
                font-size: 28rpx;
                font-weight: 600;
                color: rgba(154, 154, 154, 1);
            }

            .text-four {
				
                width: 176rpx;
                font-size: 28rpx;
                font-weight: 700;
                color: rgba(129, 129, 129, 1);
            }
        }

        .wrapper-two {
            width: 331rpx;
            justify-content: space-between;
            margin-bottom: 26rpx;
            padding-right: 1rpx;

            .wraper-col {
                width: 130rpx;
                margin-top: 6rpx;

                .text-five {
                    width: 100%;
                    font-size: 28rpx;
                    font-weight: 600;
                    color: rgba(154, 154, 154, 1);
                }

                .text-six {
                    width: 100%;
                    top: -6rpx;
                    left: 0rpx;
                    font-size: 28rpx;
                    position: absolute;
                    font-weight: 600;
                    color: rgba(154, 154, 154, 1);
                }
            }

            .text-seven {
                width: 176rpx;
                font-size: 28rpx;
                font-weight: 700;
                color: rgba(129, 129, 129, 1);
            }
        }

        .wrapper-three {
            width: 494rpx;
            justify-content: space-between;
            margin-bottom: 22rpx;
            padding-right: 1rpx;

            .text-eight {
                width: 130rpx;
                font-size: 28rpx;
                font-weight: 600;
                color: rgba(154, 154, 154, 1);
            }

            .text-nine {
                width: 338rpx;
                font-size: 28rpx;
                font-weight: 700;
                color: rgba(129, 129, 129, 1);
            }
        }

        .wrapper-four {
            width: 494rpx;
            justify-content: space-between;
            padding-right: 1rpx;

            .text-ten {
                width: 130rpx;
                font-size: 28rpx;
                font-weight: 600;
                color: rgba(154, 154, 154, 1);
            }

            .text-eleven {
                width: 338rpx;
                font-size: 28rpx;
                font-weight: 700;
                color: rgba(129, 129, 129, 1);
            }
        }
    }
</style>